:focus-visible {
  outline: 0 !important;
}

html,
body {
  margin: 0;
  padding: 0;
  font-size: $font-size;
  color: $color;
  font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

#app {
  width: 100%;
  min-width: $container-width;
  height: 100vh;
  margin: 0 auto;
  position: relative;
}

img {
  display: block;
}

.failReason {
  color: $dangerColor;
  display: block;
}

.reasonCard {
  background-color: $dangerColor;
  padding: $padding;
  box-sizing: border-box;
  &-title {
    color: #fff;
    font-size: $font-size-large;
    font-weight: bold;
  }
  &-info {
    margin-top: $margin;
    font-size: $font-size-small;
    color: #fff;
  }
}

.dialog-title {
  font-size: $font-size-title;
  font-weight: bold;
  margin-bottom: $margin-large;
  color: $theme;
}

.table-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
@import url('./element-plus/common.scss');
@import url('./element-plus/reset.scss');
@import url('./iconfont/icon.scss');
